<template>
  <div>
  <h2>排房增加</h2>
    <table class="table table-bordered">
      <tbody>
      <tr>
        <td align="right">门店</td>
        <td>
          <select>
            <option value="">请选择</option>
          </select>
        </td>
      </tr>
      <tr>
        <td align="right">房型</td>
        <td>
          <select>
            <option value="">请选择</option>
          </select>
        </td>
      </tr>
      <tr>
        <td align="right">房号</td>
        <td>
          <select>
            <option value="">请选择</option>
          </select>
        </td>
      </tr>
      <tr>
        <td align="right">姓名</td>
        <td>
          <input type="text">
        </td>
      </tr>
      <tr>
        <td align="right">身份证号</td>
        <td>
          <input type="text">
        </td>
      </tr>
      <tr>
        <td align="right">电话号</td>
        <td>
          <input type="text">
        </td>
      </tr>
      <tr>
        <td align="right">入住时间</td>
        <td>
          <input type="data">
        </td>
      </tr>
      <tr>
        <td align="right">离店时间</td>
        <td>
          <input type="data">
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <input type="button" value="排房/增加/确定" class="btn btn-primary">
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup lang="ts">
import {ref,reactive,onMounted} from 'vue';
import axios from 'axios';
import moment from 'moment';
import { useRoute,useRouter } from 'vue-router';

const router = useRouter();
const route = useRoute();
</script>

<style scoped>

</style>